<template>
  <div>
    <h1>Footer</h1>
    <p>count{{ this.$store.state.count }}</p>
    <p>{{count}}</p>
    <p>{{count1}}</p>
    <p>{{price1}}</p>
  </div>
</template>

<script>
import { mapState } from 'vuex';
export default {
  name: "Footer",
  computed:{
    //1.mapState的数组写法,直接把store的state的数据名称 作为计算属性的名称
    ...mapState(['count']),

    //2.mapState的对象写法,可以规定计算属性的名称
    ...mapState({count1:'count',price1:'price'})
  }
};
</script>

<style>
</style>